<template>
  <el-row>
    <el-col :span="14" class="sea-card">
      <div class="sea-card">
        <message-modify :guid="msg_id"></message-modify>
      </div>
      <div>
        <span style="margin-left: 6px" class="text-smaller">目标用户</span>
        <user-multiple-select :span="6"></user-multiple-select>
      </div>
    </el-col>
    <el-col :span="10" class="sea-card">
      <message-props-detail :guid="msg_id"></message-props-detail>
    </el-col>
  </el-row>
</template>

<script>
import UserMultipleSelect from "../../../auth/user/multiple-select";
import MessageModify from "../message/modify";
import MessagePropsDetail from "../message/props/detail";

export default {
    name: "NoticePanel",
    components: {UserMultipleSelect, MessageModify, MessagePropsDetail},
    data() {
        return {
            example: '尊敬的${username}，您的验证码为：${code}，如果你未办理相关业务，请忽略当前短信。'
            // 行级数据
            , row_data: undefined
            // 消息ID
            , msg_id: undefined
        }
    },
    methods: {}
}
</script>

<style scoped>
</style>
